Exploración visual Holaderm
Diez direcciones para el rediseño de la web. El contenido y la estructura son los mismos en todas; lo que cambia es la dirección visual y el tono de marca. De cada propuesta se muestran las dos primeras pantallas.
La base segura: blanco clínico, foto de paciente real y un solo gesto de color, el degradado índigo–verde del CTA. Lenguaje sanitario clásico y ordenado.
Blanco, azul marino, índigo y verde. Familjen Grotesk + Public Sans + IBM Plex Mono.
El perfil más amplio: pacientes y padres que buscan ante todo confianza médica.
− La menos diferenciada: "otra telemedicina más".
El mismo contenido en clave oscura: negro cálido, tipografía grande y acento lima. Más marca que clínica; pensada para destacar.
Negro cálido, blanco roto y lima. Space Grotesk + Public Sans + IBM Plex Mono.
Público joven habituado a marcas DTC; funciona bien en redes y campañas.
− El fondo oscuro puede restar confianza médica (padres).
Base crema cálida, foto en ventana lateral y una banda terracota que corta la página. Cercano y humano, menos "hospital".
Crema, tinta casi negra y terracota. Sora + Hanken Grotesk.
A quien busca trato cercano, lejos de la telemedicina fría habitual.
− El terracota acerca la marca a cosmética/skincare.
La estructura base con violeta eléctrico, chips de precio y etiquetas mono: se lee como un producto digital claro y actual.
Gris frío, tinta y violeta eléctrico. Sora + Hanken Grotesk + JetBrains Mono.
Al usuario digital que compara servicios online y espera experiencia de app.
− Violeta muy usado en startups: riesgo de genérico tech.
La dirección violeta al detalle instrumental: barra de documento, reglas laterales, precios en tabla y ficha del servicio. La web como expediente clínico.
Misma familia que 04, con JetBrains Mono mucho más presente como voz técnica.
A quien valora rigor y trazabilidad: cada dato del proceso a la vista.
− Alta densidad: riesgo de frialdad si no se dosifica.
El hero incluye el primer paso real de la evaluación: el producto se prueba antes de leer nada. Variante de la familia violeta.
Familia violeta de 04/05; la tarjeta del cuestionario es la protagonista.
A usuarios ya decididos: acorta el camino hacia empezar la evaluación.
− El formulario compite con el mensaje de marca.
Hero claro y sobrio seguido de una banda oscura con el producto real en pestañas: evaluación, plan y seguimiento. La consulta, por dentro.
Blanco, tinta noche y azul. Space Grotesk + Public Sans + IBM Plex Mono.
A quien necesita ver qué compra: enseña plan, doctora y seguimiento.
− Dos mundos visuales que mantener; más carga por sección.
Arena y verde bosque, serif itálica puntual y un expediente clínico montado sobre piel real a gran tamaño: "piel real, sin retoques".
Arena, marrón tinta y verde bosque. Space Grotesk + Hanken + Instrument Serif.
Sensibilidad "cuidado con criterio médico"; lejos del azul sanitario.
− Puede leerse como cosmética natural; exige buena foto.
Suizo funcional: fondo piedra, titular directo ("Tu acné. Un dermatólogo. < 72 horas."), lima solo en el CTA y demo del área personal en grafito.
Piedra, grafito y lima puntual. Space Grotesk + Hanken Grotesk.
A quien decide por claridad, plazos y datos; cero adorno.
− Austera: la demo del panel debe estar siempre impecable.
Retícula visible, titular rotundo ("Tres fotos. Un dermatólogo. Tu tratamiento.") y el circuito del servicio dibujado como diagrama.
Piedra, tinta, cobalto y menta. Space Grotesk + Hanken Grotesk.
Híbrido editorial/técnico para una marca con criterio de diseño fuerte.
− Menos humana (sin rostro en el fold); el cobalto exige disciplina.
| propuesta | carácter | riesgo principal |
|---|---|---|
| 01 · Clínica clásica | Sanitario clásico, seguro | Poca diferenciación |
| 02 · Editorial nocturno | Editorial nocturno, energía | Menos confianza médica |
| 03 · Terracota cercano | Cálido terracota, humano | Se acerca a cosmética |
| 04 · Violeta digital | Violeta digital, claro | Genérico startup |
| 05 · Expediente técnico | Expediente técnico, denso | Frialdad si no se dosifica |
| 06 · Cuestionario directo | Cuestionario en el hero | Complejidad de mantenimiento |
| 07 · Consulta por dentro | Demo del servicio, por dentro | Dos mundos visuales |
| 08 · Bosque técnico | Orgánico + expediente | Lectura "natural/cosmética" |
| 09 · Grafito y lima | Suizo funcional, directo | Austeridad |
| 10 · Cobalto eléctrico | Retícula editorial, diagrama | Menos humana en el fold |
Las respuestas se pueden combinar: por ejemplo, la estructura de 09 con el color de 10, o la calidez de 08 con el rigor de 05. Con 1–2 direcciones elegidas, la siguiente ronda baja a página completa y móvil.